
*{box-sizing: border-box;}
html, body{
  height: 100%;
}

body, ul, li, ol, p, span, i, input, img, textarea, button, iframe, h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

body {
  font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  font-size: 14px;
  line-height: 1.4286;
  height: 100vh;
  -webkit-overflow-scrolling: touch;
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video, path, select, option {
  display: block;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
input, textarea, keygen, select, button{ font-family: aileron, 'Microsoft YaHei', "arial", "sans-serif";}
textarea{ resize: none;}
i, address {  font-style: normal; }
ol, ul { list-style: none; }
a { color: inherit; text-decoration: none; cursor: pointer;}
input:focus, textarea:focus, button, select{  outline: none;  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
/* img {  display: block; } */

.clearfix{
  zoom: 1;
}
.clearfix::after{
  content: "\20";
  display: block;
  height: 0;
  clear: both;
}

.fl{float: left;}
.fr{float: right;}
.tal{text-align: left;}
.tac{text-align: center;}
.tar{text-align: right;}
.hide{ display: none !important;}
.show{ display:block !important;}
.ellipsis{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lh24{ line-height:24px;}
.lh36{ line-height:36px;}
.mauto{margin: auto;}

.w10{width:10% !important;}
.w20{width:20% !important;}
.w25{width:25% !important;}
.w33{width: calc(100% / 3) !important;}
.w50{width:50% !important;}
.w80{width:80% !important;}
.w100{width:100% !important;}